#maintenance {
    margin: 10px;
    text-align: center;

    >h1 {
        margin: 20px 0;
    }

    >#search {
        >div {
            width: 870px;
            margin: 0 auto;
            display: flex;
            justify-content: space-evenly;

            >input {
                outline: none;
                padding: 10px;
                height: 50px;
                width: 250px;
                border-radius: 10px;
                border: 1px solid orange;
                margin-right: 30px;
                text-align: center;
                font-size: 18px;
            }

            >button {
                padding: 10px;
                width: 100px;
                height: 50px;
                font-size: 18px;
                background-color: rgb(255, 200, 47);
                color: black;
                border-radius: 10px;
                border: 2px solid rgb(247, 81, 31);
                margin-bottom: 10px;
                box-shadow: 0 4px 8px 0 rgba(0, 44, 102, 0.4);

                &:hover {
                    color: white;
                    opacity: 0.8;
                }
                &:disabled{
                    background-color: gray;
                    border: 1px solid gray;
                    color: white;
                }
            }
        }
    }

    >div {
        >#All {
            width: 600px;
            margin: 10px auto;
            display: none;
            >li {
                border: 1px dashed black;
                width: 100%;
                border-radius: 10px;
                margin: 20px 0;
                padding: 10px;
                &:hover{
                    background-color: rgb(255, 130, 47);
                    color: white;
                }
                >b {
                    font-size: 18px;
                    padding: 0 10px;
                }

                >span {
                    font-size: 18px;
                    font-weight: bold;
                    padding: 0 10px;
                }
            }
        }

        >table {
            text-align: center;
            margin: 0 auto;
            margin-bottom: 20px;

            >caption {
                margin-bottom: 20px;
                font-size: 20px;
                font-weight: bold;

                >span {
                    font-size: 20px;
                    margin: 0 10px;
                }
            }

            >thead {
                >tr {
                    >th {
                        padding: 20px;
                        font-size: 20px;

                        >input {
                            width: 18px;
                            height: 18px;
                            vertical-align: middle;
                        }
                    }
                }
            }

            >tbody {
                >tr {
                    >td {
                        padding: 10px;
                        font-size: 18px;

                        >input {
                            width: 20px;
                            height: 20px;
                            border: 1px solid black;
                            border-radius: 20px;
                        }
                    }
                }
            }

            >tfoot {
                margin-bottom: 20px;

                >tr {
                    >td {
                        padding: 20px;
                        font-size: 22px;
                        font-weight: bold;
                    }
                }
            }
        }

        >#addMess {
            display: flex;
            justify-content: center;
            display: none;

            >li {
                display: inline-block;

                >input {
                    padding: 10px;
                    margin: 10px;
                    outline: none;
                    border: 1px solid black;
                    border-radius: 10px;
                    text-align: center;

                    &:focus {
                        border: 1px solid rgb(255, 130, 47);

                    }
                }
            }
        }
    }

    >.btnGroup {
        display: flex;
        margin-top: 10px;
        justify-content: center;

        >li {
            margin: 0 10px;

            >button {
                padding: 10px;
                width: 120px;
                font-weight: bold;
                // margin: 20px;
                font-size: 18px;
                box-shadow: 0 4px 8px 0 rgba(0, 44, 102, 0.4);

                &:hover {
                    opacity: 0.8;
                    color: white;
                }
            }

        }

        >:first-child {
            >button {
                background-color: rgb(255, 200, 47);
                border-radius: 10px;
                border: none;
            }
        }

        >:nth-child(2) {
            >button {
                background-color: rgb(247, 175, 42);
                border-radius: 10px;
                border: none;
            }
        }

        >:nth-child(3) {
            >button {
                background-color: rgb(247, 151, 42);
                border-radius: 10px;
                border: none;
            }
        }

        >:nth-child(4) {
            >button {
                background-color: rgb(247, 117, 42);
                border-radius: 10px;
                border: none;
            }
        }

        >:nth-child(5) {
            >button {
                background-color: rgb(247, 100, 42);
                border-radius: 10px;
                border: none;
            }
        }

        >:last-child {
            >button {
                background-color: rgb(247, 81, 31);
                border-radius: 10px;
                border: none;
            }
        }
    }
}